<template>
  <div class="background">
    <div class="content">
      <img class="img" src="../assets/404/404.png" alt="404 Page">
      <div class="left">
        <h5 class="title">404</h5>
        <p> 抱歉，您访问的页面不存在</p>
        <el-button type="primary" @click="$router.push('/')">返回首页</el-button>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "404",
}
</script>

<style scoped>

.background{
  margin: 10%;
  text-align: center;
}
.content{
  margin: 0;
}
.img{
  float: left;
  margin-left: 20%;
  height: 400px;
  width: 500px;
}
.left{
  float: left;
}
.title{
  font-size: 50px;
  margin-bottom: 0;
}
</style>
